.about__container {
    display: flex;
    flex-direction: column;
    width: 61%;
    height: 100%;
    

}

.about__title {
    display: flex;
    color: #464646;
    width: 25%;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    font-size: 170%;
    margin-bottom: 5%;

}

.about__paragraph {
    display: flex;
    color: var(--preto-100, #464646);
    font-family: Raleway;
    font-size: 90%;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 75%;
    height: 26%;
    align-items: center;
    margin-bottom: -0.5%;
    letter-spacing: 0.4px;
    margin-top: 4%;

}

.about__container>img {
    margin-top: 2%;
    display: flex;
    height: 15%;
    width: 25%;

}






@media (max-width: 2048px) {

    .about__container {
        font-size: 135%;

    }

    .about__title {
        font-size: 120%;
        margin-bottom: 2%;
    }



}


@media (max-width: 1920px) {

    .about__container {
        font-size: 125%;

    }


}


@media (max-width: 1680px) {
    .about__paragraph {
        font-size: 90%;

    }

    .about__title {
    margin-bottom: 3%;
    }


}


@media (max-width: 1440px) {
    .about__paragraph {
        font-size: 82%;

    }

}

@media (max-width: 1366px) {

    .about__title {
        font-size: 100%;
        width: 100%;
        margin-bottom: 3.5%;
    }

    .about__paragraph {
        width: 97.5%;
        font-size: 70%;

    }

}


@media (max-width: 1024px) {

    .about__container {
        width: 80%;
    }

    .about__title {
        font-size: 140%;
        width: 100%;
        margin-bottom: 5%;

    }

    .about__paragraph {
        margin-top: 6%;
        width: 97.5%;
        font-size: 115%;
    }

}

@media (max-width: 915px) {

    .about__container {
        width: 85%;
    }

    .about__title {
        font-size: 190%;
        width: 100%;
        margin-bottom: 10%;

    }

    .about__paragraph {
        width: 97.5%;
        font-size: 130%;
        margin-top: 7%;

    }

}



@media (max-width: 900px) {

    .about__container {
        width: 80%;
    }

    .about__title {
        font-size: 130%;
        width: 100%;
        margin-bottom: 5%;
    }

    .about__paragraph {
        width: 97.5%;
        font-size: 97%;

    }

}


@media (max-width: 800px) {

    .about__container {
        width: 80%;
    }

    .about__title {
        font-size: 130%;
        width: 80%;
        margin-bottom: 15%;

    }

    .about__paragraph {
        width: 97.5%;
        font-size: 105%;

    }

}




@media (max-width: 433px) {

    .about__container {
        width: 90%;
    }

    .about__title {
        font-size: 90%;
        width: 100%;
        margin-top: 1%;
        margin-bottom: 13%;
    }

    .about__paragraph {
        width: 97.5%;
        font-size: 65%;

    }

    .about__img {
        display: none;
    }


}

@media (max-width: 394px) {

    .about__title {
        margin-bottom: 18%;
    }


}


@media (max-width: 360px) {

    .about__container {
        width: 90%;
    }

    .about__title {
        font-size: 90%;
        width: 100%;
        margin-top: 1%;
        margin-bottom: 20%;
    }

    .about__paragraph {
        width: 97.5%;
        font-size: 65%;

    }

    .about__img {
        display: none;
    }


}